.search-index{
    header{
        height: .515rem;
        background: #e54847;
        display: flex;
        align-items: center;
        padding-right: .5rem;
        .ico{
            display: inline-block;
            padding: 0 .15rem;
            width: .525rem;
            height: .5rem;
            line-height: .5rem;
            font-size: .4rem;
            color: white;
        }
        h1{
            font-size: .18rem;
            color: white;
            font-weight: 400;
            text-align: center;
            width: 100%;
        }
    }
  nav{
      display: flex;
      flex-direction: row;
      height: .47rem;
      padding: .08rem 0 .08rem .1rem;
      background: #f5f5f5;
      .search{
          border: 1px solid #e6e6e6;
          height: .3rem;
          border-radius: .05rem;
          padding: 0 .1rem;
          background: white;
         width: 100%;
         display: flex;
         align-items: center;
         color: #777;
          span{
              font-size: .25rem;
              line-height: .1rem;
              margin: 0 .06rem 0 0;
          }
          input{ 
               line-height:.3rem;
              border: 0;
          }
      }
      .cancle{
          width: .52rem;
          height: .3rem;
          font-size: .16rem;
          color: #f03d37;
          line-height: .3rem;
          text-align: center;
      }
  }
 .search-li{
      background: yellow;
    .list{              
        overflow-y: scroll;
        background: white;
       li{
           display: flex;
           padding: .13rem .15rem;
           height: 1.1rem;
           flex-direction: column;
       @include border(0 0 1px 0 , #e8e8e8); 
           h3{
           color:#000;
           font-size: .16rem;
           >span{
             color: #f03d37;
             em{
                 font-size: .11rem;
                 margin: 0 0 0 .03rem;
             }
           }
           }
           p{
               line-height: .23rem;
           }
           .adress{
               font-size: .13rem;
               color: #666;
               display: flex;
               justify-content: space-between;
           }
           .special{
               span{
                   text-align: center;
                   line-height: .15rem;
                   height: .15rem;
                   border-radius: .02rem;
                   margin: 0 .03rem;
                   font-size: .096rem;
               }
            .spn1,.spn2 {
            padding: 0 .03rem;
               border: 1px solid #589daf;
               color:#589daf ;
            }  
            .spn3,.spn4{
               border: 1px solid #f90;
               color:#f90 ;
            }
           }  
       }
   }
  }
}



@font-face {
    font-family: 'yofont';
    src: url('/assets/icons/iconfont5.woff') format('woff'),
         url('/assets/icons/iconfont5.ttf') format('truetype');
  }
